<template>
    <div class="">
        <div style="display: inline-block;">
            <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item :to="{ path: '/' }">{{ pathName }}</el-breadcrumb-item>
            </el-breadcrumb>
          </div>
          <div class="" style="float:right;">
        <el-dropdown>
          <i class="el-icon-setting" style="margin-right: 15px"></i>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>个人信息</el-dropdown-item>
            <el-dropdown-item>
              <router-link to="/login" style="text-decoration: none;">退出</router-link>
            </el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
        <span>王小虎</span>
    </div>
    </div>

</template>

<script>
export default {
    data(){
        return{
            paths:[]
        }
    },
    props:{
        pathName:String
    }
}
</script>

<style>

.button-column {
  position: relative;
}
</style>